<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国古代数学成就概览</title>
    <style>
        body {
            font-family: 'SimHei', sans-serif;
            background-color: #f0e6d2; /* 浅米色背景 */
            color: #555;
            margin: 0;
            padding: 0;
        }

        header {
            background: #4682b4; /* 蓝灰色背景 */
            color: #fff;
            text-align: center;
            padding: 1em 0;
        }

        h1 {
            margin: 0;
            font-size: 2.5em;
        }

        section {
            padding: 2em;
        }

        .introduction p {
            font-size: 1.2em;
            line-height: 1.6;
        }

        .data-visualization, .historical-figures, .world-comparison {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 2em;
        }

        .chart {
            text-align: center;
            margin-bottom: 1em;
        }

        .chart img {
            max-width: 100%;
            height: auto;
        }

        .chart p {
            margin-top: 0.5em;
            color: #777;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 1em;
        }

        table, th, td {
            border: 1px solid #ddd;
        }

        th, td {
            padding: 0.8em;
            text-align: left;
        }

        th {
            background: #f0e6d2; /* 浅米色背景 */
        }

        tbody tr:nth-child(even) {
            background: #f9f9f9;
        }

        footer {
            text-align: center;
            padding: 1em 0;
            background: #4682b4; /* 蓝灰色背景 */
            color: #fff;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>中国古代数学成就概览</h1>
    </header>

    <section class="introduction">
        <h2>简介</h2>
        <p>中国古代数学有着悠久的历史和卓越的成就，对世界数学的发展产生了深远的影响。</p>
    </section>

    <section class="data-visualization">
        <h2>数据可视化</h2>
        <div class="chart">
            <img src="./图片1.png" alt="中国古代数学成就领域占比">
            <p>图1: 中国古代数学成就领域占比</p>
        </div>
        <div class="chart">
            <img src="./图片3.png" alt="世界同期数学概念的计数和中国数学事件的计数">
            <p>图2: 世界同期数学概念的计数和中国数学事件的计数</p>
        </div>
        <div class="chart">
            <img src="./图片4.png" alt="同时期外国乃至世界的数学家及著作的计数">
            <p>图3: 同时期外国乃至世界的数学家及著作的计数</p>
        </div>
        <div class="chart">
            <img src="./图片5.png" alt="概念名称的计数和发展历程的计数">
            <p>图4: 概念名称的计数和发展历程的计数</p>
        </div>
    </section>

    <section class="historical-figures">
        <h2>历史人物与贡献</h2>
        <table>
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>时代</th>
                    <th>主要贡献</th>
                    <th>同时期外国乃至世界的数学家及著作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>贾宪</td>
                    <td>北宋时期</td>
                    <td>创造“贾宪三角”和“增乘开方法”，增乘开方法比欧洲数学家霍纳提出的时间早770年</td>
                    <td>阿拉伯数学家卡西（1380-1429年）在《算术之钥》中也给出了高次方程数值解法，但时间晚于贾宪</td>
                </tr>
                <tr>
                    <td>刘徽</td>
                    <td>魏晋时期</td>
                    <td>创造割圆术，利用极限思想证明圆的面积公式，首次用理论方法算得圆周率在 157/50 和 3927/1250 之间；用无穷分割方法证明恒为 2:1，为解决球体积提出正确途径；世界上最早提出十进小数概念，用十进小数表示无理数立方根；正确提出正负数概念及加减运算法则，改进线性方程组解法</td>
                    <td>希腊数学家丢番图（约 246-330 年）著《算术》，开创代数符号表示和方程论研究</td>
                </tr>
                <tr>
                    <td>杨辉</td>
                    <td>南宋时期</td>
                    <td>对贾宪的“贾宪三角”进行推广和整理，使其得以流传；研究数字高次方程解法，推广增乘开方法</td>
                    <td>阿拉伯数学家伊本·阿尔·海赛姆（965-1040 年）在光学和数学方面也有研究，但与杨辉的贡献领域有所不同</td>
                </tr>
                <tr>
                    <td>李冶</td>
                    <td>金元时期</td>
                    <td>发明“天元术”，即设未知数的方程法，早于世界其他国家 300 年以上，为多元高次方程解法奠定基础</td>
                    <td>意大利数学家斐波那契（1170-1250 年）在《算盘书》中介绍了未知数的设法和方程的解法，但与李冶的天元术有所不同</td>
                </tr>
                <tr>
                    <td>秦九韶</td>
                    <td>南宋时期</td>
                    <td>发现中国剩余定理，即解联立一次同余式的方法，比西方早 1500 多年</td>
                    <td>波斯数学家纳西尔丁（1201-1274 年）在《天文台的构建》中讨论了中国剩余定理的相关内容，但时间稍晚于秦九韶</td>
                </tr>
                <tr>
                    <td>朱世杰</td>
                    <td>元朝时期</td>
                    <td>发展天元术为四元术，即四元高次方程组的解法，使宋元数学达到高峰</td>
                    <td>意大利数学家帕乔利（1445-1517 年）在《算术、几何、比与比例概要》中总结了当时的数学知识，但未涉及四元术等内容</td>
                </tr>
                <tr>
                    <td>商高</td>
                    <td>西周时期</td>
                    <td>公元前1000年提出勾股定理特例，即“勾三股四弦五”</td>
                    <td>古埃及、古巴比伦也有对勾股定理的研究和应用，但未形成系统理论</td>
                </tr>
                <tr>
                    <td>祖冲之</td>
                    <td>南北朝时期</td>
                    <td>首次将圆周率精算到小数第七位，即在 3.1415926 和 3.1415927 之间，与儿子祖暅利用“牟合方盖”解决球体积计算问题，得到正确球体积公式</td>
                    <td>印度数学家阿耶波多（476-550 年）在《阿耶波多历书》中给出圆周率近似值 62832/20000=3.1416</td>
                </tr>
                <tr>
                    <td>赵爽</td>
                    <td>东汉末年至三国时期</td>
                    <td>用弦图证明勾股定理和解勾股形的五个公式，用图形面积证明重差公式</td>
                    <td>希腊数学家欧几里得《几何原本》中也有几何证明方法，但与赵爽的弦图证明有所不同</td>
                </tr>
            </tbody>
        </table>
    </section>

    <section class="world-comparison">
        <h2>世界同期数学比较</h2>
        <div class="chart">
            <img src="./图片2.png" alt="世界同期数学概念的计数和中国数学事件的计数">
            <p>图5: 世界同期数学概念的计数和中国数学事件的计数</p>
        </div>
    </section>

    <footer>
        <p>&copy; 2023 古代数学研究团队</p>
    </footer>
</body>
</html>